<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="include/head :: head"></div>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <div th:replace="include/header :: header"></div>
    <div th:replace="include/sidebar :: sidebar"></div>
    <div th:replace="@{'page/' + ${content}} :: ${content}"></div>
    <div th:replace="include/footer :: footer"></div>
</div>
<!-- jQuery 3 -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/jquery/dist/jquery.min.js}"></script>
<!-- jQuery UI 1.11.4 -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/jquery-ui/jquery-ui.min.js}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
<!-- Morris.js charts -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/raphael/raphael.min.js}"></script>
<script type="text/javascript" th:src="@{/adminlte/bower_components/morris.js/morris.min.js}"></script>
<!-- Spartype="text/javascript" kline -->
<script type="text/javascript"
        th:src="@{/adminlte/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js}"></script>
<!-- jvectype="text/javascript" tormap -->
<script type="text/javascript" th:src="@{/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js}"></script>
<script type="text/javascript" th:src="@{/adminlte/plugins/jvectormap/jquery-jvectormap-world-mill-en.js}"></script>
<!-- jQuetype="text/javascript" ry Knob Chart -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/jquery-knob/dist/jquery.knob.min.js}"></script>
<!-- datetype="text/javascript" rangepicker -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/moment/min/moment.min.js}"></script>
<script type="text/javascript"
        th:src="@{/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js}"></script>
<!-- datetype="text/javascript" picker -->
<script type="text/javascript"
        th:src="@{/adminlte/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js}"></script>
<!-- Boottype="text/javascript" strap WYSIHTML5 -->
<script type="text/javascript"
        th:src="@{/adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js}"></script>
<!-- Slimtype="text/javascript" scroll -->
<script type="text/javascript"
        th:src="@{/adminlte/bower_components/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
<!-- Fasttype="text/javascript" Click -->
<script type="text/javascript" th:src="@{/adminlte/bower_components/fastclick/lib/fastclick.js}"></script>
<!-- Admitype="text/javascript" nLTE App -->
<script type="text/javascript" th:src="@{/adminlte/dist/js/adminlte.min.js}"></script>
<!-- Admitype="text/javascript" nLTE dashboard demo (This is only for demo purposes) -->
<script type="text/javascript" th:src="@{/adminlte/dist/js/pages/dashboard.js}"></script>
<!-- Admitype="text/javascript" nLTE for demo purposes -->
<script type="text/javascript" th:src="@{/adminlte/dist/js/demo.js}"></script>

<script type="text/javascript" th:src="@{/adminlte/bower_components/datatables.net/js/jquery.dataTables.min.js}"></script>
<script type="text/javascript" th:src="@{/adminlte/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js}"></script>
<script>
    $(function () {
        $('#example2').DataTable({
            'paging'      : true,
            'lengthChange': true,
            'searching'   : true,
            'ordering'    : true,
            'info'        : true,
            'autoWidth'   : true,
            "bDestroy":true
        })
    })
</script>

</body>
</html>